/*font 'Arial Black', Arial Black, Arial, Sans-serif*/
@font-face {
    font-family: 'Arial Black';
    src: url('../fonts/arialblack.eot'), url('../fonts/arialblack.ttf'),url('../fonts/arialblack.woff') format('woff');
}




/*main*/
* { 
padding : 0;
margin : 0;
border:none;
} 
body,html
{
 width:100%;
 height:100%;
 margin:0;
 padding:0;
}
body{
 overflow-x:hidden;
}

body { 
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  /*cursor: -webkit-grab;*/
} 
img { 
padding : 0;
margin : 0;
border : none;
}

ul {
    list-style-position: inside;
}

ol {
    list-style-position: inside;
}


.outerContainer {
 width:100%;
 text-align:center;
}

.clear
{
 clear:both;
}

.cursorDefault
{
 cursor:default;
}

.cursorGrabbing
{
 cursor:-webkit-grabbing;
 cursor:-moz-grabbing;
 cursor:grabbing;
}

.cursorGrab
{
 cursor:-webkit-grab;
 cursor:-moz-grab;
 cursor:grab;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#mainBackgroundContainer
{
 position:absolute;
 top:0px;
 left:0px;
 overflow:hidden;
}

#mainBackground
{
 position:relative;
 top:0px;
 left:0px;
}

#mainContainer
{
 position:relative;
 width:100%; 
 min-width:1000px;
}

#headerBox
{
 
 background-image:url('../cache/color_204_242_242_242.png');
 -webkit-box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 -moz-box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 
 
 zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=0),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=90),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=180),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=270),
                progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
 
 
}


#logoFirm
{
 float:left;
 position:relative; 
 }

#logoMM
{
 float:right;
 position:relative;
 
}

.centerContainer
{
 text-align:center;
}

#pageTitle
{
 position:relative;
 font-family:'Arial Black';
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
 float:left;
}

#mainTitleContainer
{
 
 margin:0 auto;
 position:relative;
}

#mainTitle
{
 font-family:Arial Black;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
}

#subTitleContainer
{
 
 margin:0 auto;
 position:relative;
}

#subTitle{
 font-family:Arial Black;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
}

/*Login Cobject*/
#usernameContainer
{
 margin:0 auto;
 position:relative;
}

#usernameIcon
{
 position:relative;
 float:left;
}

.centerplaceholder
{
 position:relative;
 float:right;
}

#usernameBox
{
 font-family:Arial Black;
 text-align: left;
 float:right;
 background-image:url('../cache/color_204_255_255_255.png');
}

#passContainer
{
 margin:0 auto;
 position:relative;
}

#passIcon
{
 
 position:relative;
 float:left;
}

#passBox
{
 font-family:Arial Black;
 text-align: left;
 float:right;
 background-image:url('../cache/color_204_255_255_255.png');
}

#loginContainer
{
 margin:0 auto;
 position:relative;
}

.forgotPassword
{
text-align:center;
color: #414042;
}


#loginBox
{
 font-family:Arial Black;
 font-weight: bold;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 text-decoration:none;
 background-color:#1A86AE;
 color:#ffffff
}

#loginBox:hover
{
 background-color:#20a3c6;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}




#FooterRegisterBox
{
 font-family:Arial Black;
 font-weight: bold;
 text-align: center;
 vertical-align:middle;
 text-decoration:none;
 background-color:#1A86AE;
 color:#ffffff
}


.CLoginCommandlogin, .CLoginCommandregister
{
 text-decoration:none;
}


#registerContainer
{

 margin:0 auto;
 position:relative;
}

#registerBox
{
 
 text-align: center;
}

.textRegister {
 font-family: Arial Black;
 font-weight:normal;
 display:inline;
 color:#000000;
}

#registerText {
 font-family: Arial Black;
 font-weight: normal;
 display: inline;
 color: #1A86AE;
}

#downContainer
{
 
 margin:0 auto;
 position:relative;
}

#downBox{
 font-family:Arial;
 font-weight:lighter;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-image:url('../cache/color_76_255_255_255.png');

}

#downArrowContainer
{
 margin:0 auto;
 position:relative;
}


.txtUsername, .txtPassword
{
 background-color:transparent;
 font-family: Arial;
 -webkit-box-shadow: 1px 1px 1px rgba(107, 107, 107, 0.3);
 -moz-box-shadow: 1px 1px 1px rgba(107, 107, 107, 0.3);
 box-shadow: 1px 1px 1px rgba(107, 107, 107, 0.3);
 
}

#loginFeedbackContainer
{

 margin:0 auto;
 position:relative;
}

#loginFeedbackBox
{
 
 text-align: center;
}

.loginFeedback
{
 color:#ff0000;
}

#homeIcon{
 float: left;
 margin-right: 10px;
}

#myOrders
{
 position:relative;
 font-family:'Arial';
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-image:url('../cache/color_76_255_255_255.png');
 letter-spacing: -1px;
 float:right;
 border-right:2px solid #ffffff;
}

#myOrdersIcon{
 float: left;
 margin-right: 10px;
}

#myOrdersText
{
 position:relative;
 float:left;
 color:#000000;
}

#adminAccess
{
 position:relative;
 font-family:'Arial';
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-image:url('../cache/color_76_255_255_255.png');
 letter-spacing: -1px;
 float:right;
 border-right:2px solid #ffffff;
}

#adminAccessIcon{
 float: left;
 margin-right: 10px;
}

#adminAccessText
{
 position:relative;
 float:left;
 color:#000000;
}




#myProfile
{
 position:relative;
 font-family:'Arial';
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-image:url('../cache/color_76_255_255_255.png');
 letter-spacing: -1px;
 float:right;
 border-right: 2px solid #ffffff;
}

#myProfileIcon{
 float: left;
 margin-right: 10px;
}

#myProfileText
{
 position:relative;
 float:left;
 color:#000000;
}

#logout
{
 position:relative;
 font-family:'Arial';
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-image:url('../cache/color_76_255_255_255.png');
 letter-spacing: -1px;
 float:right;
}

#logoutIcon{
 float: left;
 margin-right: 10px;
}

#logoutText
{
 position:relative;
 float:left;
 color:#000000;
}

#orderContainer
{
 margin:0 auto;
 position:relative;
}




#orderIcon{
 float: left;
 margin-right: 10px;
 position: relative;
}

#orderText
{
 position:relative;
 float:left;
 color:#ffffff;
}

#notificationsDiv
{
 display:inline-block;
 background-image:url('../cache/color_76_255_255_255.png');
 position:relative;
}
#actionsDiv
{
 display:inline-block;
 background-image:url('../cache/color_76_255_255_255.png');
 position:relative;
}

#actionsTitle
{
 background-image:url('../cache/color_76_255_255_255.png');
}

#actionsTitleInner
{
 font-family:Arial Black;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
 position:relative;
}

#uploadDatabase
{
    text-align:center;
    position:absolute;
}

#uploadDatabaseIcon{
 margin-right: 10px;
 position: relative;
 float:left;
}

#uploadDatabaseText
{
 position:relative;
 font-family:arial;
 color:#000000;
 display:inline-block;
 float:left;
 left:20px;
}

#claims
{
    text-align:center;
    position:absolute;
}

#claimsIcon{
 margin-right: 10px;
 position: relative;
 float:left;
}

#claimsText
{
 position:relative;
 font-family:arial;
 color:#000000;
 display:inline-block;
 float:left;
 left:20px;
}

#backButton
{
 position:relative;
 font-family:'Arial Black';
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-image:url('../cache/color_204_242_242_242.png');
 letter-spacing: -1px;
 float:left;
 margin-right:10px;
 z-index:10;
}

#backText
{
 position:relative;
 display:inline;
 color:#414042;
}

#backIcon
{
  float: left;
 margin-right: 15px;
}

#headerBoxBlue
{
 
 background-color:#1A86AE;
 -webkit-box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 -moz-box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=0),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=90),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=180),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=270),
                progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');
 
 
}

#backButtonBlue
{
 position:relative;
 font-family:'Arial';
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#1A86AE;
 letter-spacing: -1px;
 float:left;
 margin-right:10px;
}

#backTextBlue
{
 position:relative;
 display:inline;
 color:#ffffff;
}

.chooseOrderBox
{
 display:inline-block;
 position:relative;
 background-image:url('../cache/color_76_255_255_255.png');
}

.chooseOrderSpace
{
  display:inline-block;
 position:relative;
 text-align:center;
}

.chooseOrderImage
{
 margin:auto;
 position:relative;
}

.chooseOrderContainer
{
 
 margin:0 auto;
 position:relative;
}

.chooseOrderTitle{
 font-family:Arial Black;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
 color:#231F20;
}

.chooseOrderDetailsContainer
{
 
 margin:0 auto;
 position:relative;
}

.chooseOrderDetails{
 font-family:Arial;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 letter-spacing: -1px;
 color:#ffffff;
}

.dialogQuestion
{
  padding:10px;
  max-width:350px;
}
.dialogAnswer
{
  text-align:center;
  padding:17px 0;
}
.dialogAnswer span
{
  background-color: #1A86AE;
  text-align: center;
  font-size: 15px;
  color:  #ffffff;
  text-decoration: none;
  font-weight: bold;
  display:inline-block;
  text-align:center;
  width:105px;
  height: 26px;
  background-position:top left;
  background-repeat:no-repeat;
  margin: 0px 20px;
}

.dialogAnswer span:hover
{
 background-color:#20a3c6;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;

  
}


.dialogAnswer span a
{
  color:  #ffffff;
  line-height:26px;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  display:block;
  
  width:105px;
  height:26px;
}
.dialogAnswer span:hover
{
  background-position: 0px -26px;
}

#leftContainer
{
 background-color:#ffffff;
}

.leftRayons
{
 font-family:Arial Black;
 font-weight: bold;
 text-transform: uppercase;
 text-align: left;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
 cursor:pointer;
}

.leftRayons:hover
{
 background-color:#fff200;
}

.zc
{
 display:block;
 text-align:left;
 padding-left:10px;
}

.zcc
{
 overflow:hidden;
 display:inline-block;
 position:relative;
}

.uci /*.ci:hover*/
{
 display:block;
 top:-118%;
 cursor:pointer;
 position:relative;
}

/*
.uci:hover, .pci:hover
{
 display:block;
 top:-6%;
}
*/

.ci
{
 display:block;
 top:-6%;
 position:relative;
 cursor:pointer;
}

.pci
{
    display: block;
    top: -232%;
    cursor: pointer;
    position: relative;
}

.ztc
{
 display:inline-block;
 overflow:hidden;
 
}

.zt
{
 display:table-cell;
 text-align:left;
 vertical-align:middle;
 padding-left:5px;
 cursor:pointer;
}

#leftPanel1
{
 overflow-y:auto;
}


.zoc
{
 overflow:hidden;
 display:inline-block;
 position:relative;
}

.uoi
{
 display:block;
 top:-180%;
 cursor:pointer;
 position:relative;
}

.mc
{
 display:block;
 text-align:left;
 background-color:#ededed;
 padding-left:10px;
 color: #494949;
}

.mcc
{
 overflow:hidden;
 display:inline-block;
 position:relative;
}

.mtc
{
 display:inline-block;
 overflow:hidden;
 
}

.mt
{
 display:table-cell;
 text-align:left;
 vertical-align:middle;
 padding-left:5px;
 cursor:pointer;
}

.ac
{
 display:block;
 text-align:left;
 background-color:#dbdbdb; /*#d3d3d3;*/
 padding-left:10px;
 color: #6C6C6C;
}

.acc
{
 overflow:hidden;
 display:inline-block;
 position:relative;
}

.atc
{
 display:inline-block;
 overflow:hidden;
 
}

.at
{
 display:table-cell;
 text-align:left;
 vertical-align:middle;
 padding-left:5px;
 cursor:pointer;
}

.uoi
{
 position:relative;
}

#totalPanel
{
 background-color:#ffffff;
}

#criteriasPanel {
 background-color: #ffffff;
}

.totalPanelIcon {
 overflow: hidden;
 display: inline-block;
 position: relative;
}

.totalTitleText{
    text-transform: uppercase;
    letter-spacing: -1px;
    color:#888888;
}

.uoinc
{
 /*display:block;*/
 display:none;
 top:-180%;
 position:relative;
}

.totalPanelLine
{
 background-color:#f2f2f2;
}

.totalPanelLineW
{
 text-align:center;
}

.totalAreaIcon
{
 position:relative;
}

.totalAreasText{
 display:inline-block;
 position:relative;
 color:#888888;
}

#totalAreas
{
 float:right;
 position:relative;
 color:#000000;
 font-weight:bold;
}

.totalFlyersIcon
{
 position:relative;
}

.totalFlyersText{
 display:inline-block;
 position:relative;
 color:#888888;
}

#totalFlyers
{
 float:right;
 position:relative;
 color:#000000;
 font-weight:bold;
}



.flyersNextIcon
{
  position:relative;
  float:right;
}

.flyersNextText{
 display:inline-block;
 position:relative;
 color:#231F20;
 font-weight:bold;
}


.flyersMMLogo
{
 position:absolute;
 z-index:10;
}

.mutationsImage
{
  position:absolute;
 z-index:10;
 background-color:#ffffff;
}

.toggleMapModeIcon
{
 display:inline-block;
 position:relative;
}

.flyersHeaderMiddle
{
 text-align:center;
}


.txtFlyersSearch
{
 background-color:transparent;
 top: -4px;
 position: relative;
 border-bottom: solid 1px #ffffff;
}

.flyersSearchBox
{
 display:inline-block !important;
}

.flyersSearchBox input
{
 color:#fff !important;
}

.flyersSearchIcon
{
 position:relative;
}

#zoomPanel
{
 position:absolute;
 background-color:#ffffff;
 z-index:10;
 text-align:center;
}

.zoomInImage, .zoomOutImage
{
 position:relative;
 margin:auto;
}

.zoomLine
{
 position:relative;
 background-color:#f0f0f0;
}

#zoomIn, #zoomOut
{
 text-align:center;
}

#leftRayonSearch
{
 font-family:Arial;
 text-transform: uppercase;
 text-align: left;
 vertical-align:middle;
 display:table-cell;
 background-color:#ffffff;
 letter-spacing:-1px;
 font-size:14px;
}

.leftRayonSearchIconW
{
 overflow:hidden;
 display:inline-block;
 position:relative;
}


.leftRayonSearchIcon
{
 display:block;
 top:-0%;
 cursor:pointer;
 position:relative;
}

.leftRayonSearchIcon:hover
{
 display:block;
 top:-99%;
}

.historyHeaderBackground
{
 background-image:url('../cache/color_204_255_255_255.png');
 position:relative;
}


#pageSubTitleBackground
{
 background-image:url('../cache/color_150_255_255_255.png');
 position:relative;
}



#pageSubTitle
{
 position:relative;
 font-family:'Arial Black';
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#ffffff;
 color:#414042;
 letter-spacing: -1px;
 float:left;
}


.serviceBackground{
 background-image:url('../cache/color_76_255_255_255.png');
 position:relative;

}

.profileBackground{
 background-image:url('../cache/color_150_255_255_255.png');
 position:relative;

}


.flyersOrderBarW
{
 position:absolute;
 text-align:left;
}

.flyersOrderBar{
 background-color:#ffffff;
 position:relative;
 display:inline-block;
 text-align:left;
 font-weight:bold;
}

.orderBarTitle
{
 position:relative;
 display:inline-block;
 letter-spacing:-1px;
 text-transform:uppercase;
}

.orderBarAreaIcon
{
 position:relative;
 display:inline-block;
}

.orderBarAreasText
{
 position:relative;
 display:inline-block;
 color:#888888;
}


#orderBarAreas
{
 position:relative;
 display:inline-block;
}

.orderBarFlyersIcon
{
 position:relative;
 display:inline-block;
}

.orderBarFlyersText
{
 position:relative;
 display:inline-block;
 color:#888888;
}


#orderBarFlyers
{
 position:relative;
 display:inline-block;
}

.smallSteps
{
 z-index:11;
}

.stepActive{
 position:relative;
 display:inline-block;
 background-color:#D9D9DA;
 border-radius: 50%;
 text-align:center;
}

.stepInactive{
 position:relative;
 display:inline-block;
 background-color:#EEEDEF;
 border-radius: 50%;
 text-align:center;
}

.flyersSmallStepsW
{
 position:absolute;
}

.smallStepsText
{
 position:relative;
 font-weight:bold;
 color:#ffffff;
}

.flyersStep20W
{
 text-align:center;
 position:relative;
}

.textboxContainer
{
 margin:0 auto;
 position:relative;
 text-align:left;
}

.textboxIcon
{
 position:relative;
 display:inline-block;
}


.textBox{
  background-color:transparent;
 font-family: Arial;
 -webkit-box-shadow: 1px 1px 1px rgba(107, 107, 107, 0.3);
 -moz-box-shadow: 1px 1px 1px rgba(107, 107, 107, 0.3);
 box-shadow: 1px 1px 1px rgba(107, 107, 107, 0.3);
}

.textBoxDiv
{
 font-family:Arial Black;
 text-align: left;
 background-image:url('../cache/color_204_255_255_255.png');
 display:inline-block;
}

.stripTextBoxDiv
{
 font-family:Arial Black;
 text-align: left;
 background-color:#f6f6f6;
 display:inline-block;
}

.stripTextBoxColor
{
 display:inline-block;
}

.textBoxCenterContainer
{
 text-align:center;
 display:inline-block;
}

.dtpDiv
{
  font-family:Arial Black;
 text-align: left;
 background-image:url('../cache/color_204_255_255_255.png');
 display:inline-block;
}


.flyersStep2NextIcon
{
  position:relative;
  float:right;
}

.flyersStep2NextText{
 display:inline-block;
 position:relative;
 color:#ffffff;
 font-weight:bold;
}
 
#flyersStep2BackButton 
{
  position:relative;
  background-color:#A7A9AC;
  z-index:10;
  text-align:center;
  margin:auto;
}

.flyersStep2BackIcon
{
  position:relative;
}

.flyersStep2BackText{
 display:inline-block;
 position:relative;
 color:#ffffff;
 font-weight:bold;
}

.historyFlyers
{
 float:left;
 font-weight:bold;
 font-family:Arial Black;
 text-transform:uppercase;
 position:relative;

}

.historyFlyers:hover
{
   background-color:#ffffff;
   cursor:pointer;
}


.historyFlyersActive
{
 float: left;
 font-weight:bold;
 font-family:Arial Black;
 text-transform:uppercase;
 position:relative;
 background-color:#F6E300;
}

.historyFlyersActive:hover
{
   background-color:#ffffff;
   cursor:pointer;
}


.databasesW{
 text-align:center;
}

.tableHeader
{
 margin:auto;
}

.tableHeaderColumn
{
 display:inline-block;
 font-weight:bold;
 font-family:"Arial Black", sans-serif;
 text-align:left;
 background-image:url('../cache/color_150_255_255_255.png');
 position:relative;
 color:#231f20;
}

.tableRow:hover
{
 background-color:#ffffff;
}

.tableRow
{
 margin:auto;
 background-image:url('../cache/color_150_255_255_255.png');
 position:relative;
 color: #231f20;
}

.tableRow:nth-child(odd)
{
 margin:auto;
 background-image:url('../cache/color_150_255_255_255.png');
 position:relative;
 color: #231f20;
}


.tableRowColumn
{
 display:inline-block;
 text-align:left;
 overflow:hidden;
}



.tableRowColumn a, .tableRowColumn5 a, .tableRowColumn6 a, .tableRowColumn7 a, .checkBoxDiv a
{
	color:#1a86ae;
	text-decoration:underline;
}

.tableRowColumn a:hover, .tableRowColumn5 a:hover, .tableRowColumn6 a:hover, .tableRowColumn7 a:hover, .checkBoxDiv a:hover
{
	text-decoration:none;
}


.uploadDatabaseStep2W
{
 text-align:center;
}

.uploadDatabaseStep2Message
{
 margin:auto;
 line-height: 1.5;
}

.checkboxIconUnchecked
{
 display:block;
 position:relative;
 cursor:pointer;
}

.checkboxIconUnchecked:hover
{
 /*top:-98%;*/
}

.checkboxIconChecked
{
 display:block;
 position:relative;
 cursor:pointer;
 /*top:-98%;*/
}

.checkboxIconChecked:hover
{
 top:0px;
}


.checkboxIconW {
 overflow: hidden;
 display: inline-block;
 position: relative;
}

.checkBoxDiv
{
 display:inline-block;
 position:relative;
 color:#000000;
}

.orderReviewLeft {
 float:left;
 position:relative;
}

.orderSummaryNameText
{
 display:inline-block;
}

.orderSummaryDateText
{
 display:inline-block;
 font-weight:bold;
}

.orderSummaryPickupText
{
 display:inline-block;
}

.orderReviewRight
{
 float:right;
 position:relative;
}

.addressedW
{
 text-align:center;
}

.registeredColumnW
{
 width:100%;
 display:inline-block;
}

.registeredColumn2
{
 width:50%;
 display:inline-block;
}

.registeredSelectPlace
{
    background-color: transparent;
    border: none;
}

.claimReviewCommentLabelText
{
 display:inline-block;
}

.claimReviewComment
{
	position:relative;
	z-index: 0;
}

.claimReviewCommentBox
{
	background-color: #e6e7e8;
	border-radius: 20px;
}


.claimReviewCommentArrow
{
	position:absolute;

}

.claimReviewCommentBoxSender {
	color:#1d87af;
}

.claimReviewCommentBoxText {
	line-height: 1.5;
}

.claimReviewCommentBoxDate
{
	text-align:right;
	color:#6d6e71;
}


.claimReviewAnswer
{
	position:relative;
	z-index: 0;
}

.claimReviewAnswerBox
{
	background-color: #bbdbe7;
	border-radius: 20px;
}


.claimReviewAnswerArrow
{
	position:absolute;

}

.claimReviewAnswerBoxSender {
	color:#1d87af;
}

.claimReviewAnswerBoxText {
	line-height: 1.5;
}

.claimReviewAnswerBoxDate
{
	text-align:right;
	color:#6d6e71;
}

.claimReviewConfirmBtn
{
	background-color: #F6E300;
	text-align:center;
	position:fixed;
	cursor:pointer;
}


.claimReviewConfirmBtn:hover
{
  background-color:#fff200;
  cursor:pointer;
}



.claimFeedbackTitle
{
    position: relative;
    font-family: 'Arial Black';
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background-color: #F6E300;
    letter-spacing: -1px;
    float: left;
}


.claimFeedbackLabel
{
	float:left;
}

.claimFeedbackStars
{
	float:left;
}

.claimFeedbackEvaluate
{
	float:left;
}


#registeredNextButton 
{
  position:relative;
  background-color:#F6E300;
  z-index:10;
  text-align:center;
  margin:auto;
}

.registeredNextIcon
{
  position:relative;
  float:right;
}

.registeredNextText{
 display:inline-block;
 position:relative;
 color:#000000;
 font-weight:bold;
}

#registeredBackButton 
{
  position:relative;
  background-color:#A7A9AC;
  z-index:10;
  text-align:center;
  margin:auto;
}

.registeredBackIcon
{
  position:relative;
}

.registeredBackText{
	display:inline-block;
	position:relative;
	color:#ffffff;
	font-weight:bold;
}

.registeredTitleIcon
{
 position:relative;
 display:inline-block;
}



#uploadDatabaseDiv
{
 text-align:center;
}


.uploadNextButton 
{
  position:relative;
  display:inline-block;
  background-color:#F6E300;
  z-index:10;
  text-align:center;
}

.uploadLabel
{
    background-color: transparent;
    border: none;
    position:absolute;
    display:inline-block;
    cursor:pointer;
    top: 0px;
    left: 0px;
    z-index: 11;
}

.uploadButtonCombined
{
 display:inline-block;
 position:relative;
}

.summarySaveButton
{
 display:inline-block;
 background-color:#EEEDEF;
 text-align:center;
}

.summarySaveButtonText
{
 display:inline-block;
 color:#000000;
 font-weight:bold;
}


.summaryOrderButtonText
{
 display:inline-block;
 color:#231F20;
 font-weight:bold;
}

.stripMessageBackground
{
 background-image:url('../cache/color_76_255_255_255.png');
 position:fixed;
 z-index:12;
}

.fullStripMessageBackground
{
  background-image:url('../cache/color_245_255_255_255.png');
 position:fixed;
 z-index:12;
}

.stripMessageContentBackground
{
 background-color:#ffffff !important;
}

.downloadBtn
{
 background-color:#1A86AE;
 color:#ffffff
}


.downloadBtn:hover
{
 background-color:#20a3c6;

 
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}



.pageContentBg
{
 background-image:url('../cache/color_76_255_255_255.png');
 color:#231F20;
}

.pageContentText
{
line-height:1.5;

}

#FavoriteIcon, #DownloadIcon
{
position:absolute;
}

.FavoriteActive
{
/*display:none;*/

}

#statusDiv
{
    text-align: center;

}

.graphLegend
{
text-align:left;
}

.graphLegendDelivered
{
background-image: url('../img/PostTracker/LegendGreen.png');
background-repeat:no-repeat;
width:250px;
height:14px;
padding: 0px 0px 0px 20px;
margin: 5px 0px 5px 0px;
font-weight: bold;
}

.graphLegendNotDeliveredFeedback
{
background-image: url('../img/PostTracker/LegendOrange.png');
background-repeat:no-repeat;
width:250px;
height:14px;
padding: 0px 0px 0px 20px;
margin: 5px 0px 5px 0px;
font-weight: bold;
}

.graphLegendNotDelivered
{
background-image: url('../img/PostTracker/LegendRed.png');
background-repeat:no-repeat;
width:250px;
height:14px;
padding: 0px 0px 0px 20px;
margin: 5px 0px 5px 0px;
font-weight: bold;
}

.graphLegendInProgress
{
background-image: url('../img/PostTracker/LegendGray.png');
background-repeat:no-repeat;
width:250px;
height:14px;
padding: 0px 0px 0px 20px;
margin: 5px 0px 5px 0px;
font-weight: bold;
}

.poiCloudInfo
{
 background:#fff;
 width:500px;
 border: 2px solid #F6E300;
 border-radius:5px;
 -webkit-box-shadow: 5px 5px 20px rgba(107, 107, 107, 0.3);
 -moz-box-shadow: 5px 5px 20px rgba(107, 107, 107, 0.3);
 box-shadow: 5px 5px 19px rgba(107, 107, 107, 0.3);
}
}

.poiImageMain
{
 display:inline-block;
}

.poiLeftContainer
{
 width:50%;
 float:left;
 padding-top:10px;
 padding-bottom:5px;
}

.poiRightContainer
{
 width:50%;
 float:right;
 padding-top:10px;
 padding-bottom:5px;
}

.poiTitle
{
 font-size:16px;
 font-weight:bold;
 text-align:center;
 background-color:#F6E300;
 color:#231F20;
 padding:5px;
}

.poiNote
{
 text-align:center;
 color:#231F20;
 padding:5px;
}

.poiWorktime
{
 color:#231F20;
 width:500px;
 background-color:#f6f6f6;
}

.poiWorktimeLabel
{
 color:#231F20;
 padding-top:5px;
 font-weight:bold;
 text-align:center;
}

.poiWorktimeContent
{
 color:#231F20;
 padding:5px;
 text-align:center;
}

.poiInfoContainer
{
 display:table;
 width:100%;
}

.poiInfoIconContainer
{
 display:table-cell;
 width:20px;
 padding-left:20px;
}

.poiInfoTextContainer
{
 display:table-cell;
 text-align:left;
}


.poiActions
{
   float: left;
   width: 480px;
   margin: 10px 10px 5px;
}


.poiDeleteBtn, .poiCancelBtn
{
    float:left;
	font-family: Arial Black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-decoration: none;
    background-color: #1A86AE;
    color: #ffffff;
    padding: 10px 25px;
    font-size: 14px;
}


.poiEditBtn, .poiSaveBtn
{
    float:right;
	font-family: Arial Black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-decoration: none;
    background-color: #1A86AE;
    color: #ffffff;
    padding: 10px 25px;
    font-size: 14px;
}

.poiDeleteBtn:hover, .poiEditBtn:hover, .poiSaveBtn:hover, .poiCancelBtn:hover
{
    background-color: #20a3c6;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}


.poiClose
{
    background-image: url('../img/MailManager/Close30.png');
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	cursor:pointer;
}


/*-------- POI Edit -------------*/

.poiEditTitle input, .poiEditNote input
{
 margin:2px 5px;
 font-size:14px;
 text-align:center;
 border:1px solid #A7A9AC;
 padding:5px;
 color:#231F20;
 width: 478px;
}

.poiEditTitle input
{
 font-weight:bold;
}

.poiEditWorktime textarea
{
 width: 478px;
 margin:2px 5px;
 height:50px;
 font-size:14px;
 text-align:center;
 border:1px solid #A7A9AC;
 padding:5px;
 color:#231F20;
 font-family: Arial, Helvetica, sans-serif;
}

.poiEditInfoContainer input
{
 width: 228px;
 margin:2px 5px;
 font-size:14px;
 text-align:left;
 border:1px solid #A7A9AC;
 padding:5px;
 color:#231F20;
 resize:none;
}

.poiImageEditMain{
   height: 100px;
   background-color: #f0f0f0;
   position:relative;
}

.poiImageEditPicture{
   position:absolute;
   left:10px;
   bottom: 10px;
}

.poiImageEditPicture a{
  text-decoration:underline;
}

.poiImageEditPicture a:hover{
  text-decoration:none;
  cursor:pointer;
}

.poiImageEditIcon{
   position:absolute;
   right:40px;
   bottom: 10px;
}

.poiImageEditIcon a{
  text-decoration:underline;
}

.poiImageEditIcon a:hover{
  text-decoration:none;
  cursor:pointer;
}

.poiImageEditIconPreview
{
   position:absolute;
   right:8px;
   bottom: 10px;
   /*width:20px;
   height:20px;
   border: 2px solid #ffffff;
   background:#ffffff;*/
}

.poiImageEditMain img{
  /*margin: 20px 212px;;*/
}

.poiEditCategory select
{
 float:left;
 margin:2px 5px;
 font-size:14px;
 text-align:center;
 border:1px solid #A7A9AC;
 padding:5px;
 color:#231F20;
 width: 410px;
}


.poiEditCategoryBtn
{
    float: right;
    margin: 2px 6px 2px 2px;
    font-family: Arial Black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-decoration: none;
    background-color: #1A86AE;
    color: #ffffff;
    padding: 6px 23px;
    font-size: 12px;
}

.poiEditCategoryBtn:hover
{
    background-color: #20a3c6;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}


/*-------- POI Edit END -------------*/

.p_uci/*, .p_ci:hover*/
{
 display:block;
 top:-118%;
 cursor:pointer;
 position:relative;
}

/*.p_uci:hover, .p_pci:hover*/
{
 display:block;
 top:-6%;
}

.p_ci
{
 display:block;
 top:-6%;
 position:relative;
}

.p_pci
{
    display: block;
    top: -232%;
    cursor: pointer;
    position: relative;
}

.regUploaDatabaseDb
{
 color:#1A86AE;
 font-family:'Arial Black';
 font-weight:bold;
 cursor:pointer;
}

.regUploaDatabaseOr
{
 color:#000000;
 font-family:'Arial Black';
 font-weight:bold;
}

.shadow{
  -webkit-box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 -moz-box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 box-shadow: 0px 4px 5px rgba(107, 107, 107, 0.3);
 zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=0),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=90),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=180),
                progid:DXImageTransform.Microsoft.Shadow(Color=#ff99eb, Strength=7, Direction=270),
                progid:DXImageTransform.Microsoft.Chroma(Color='#ffffff');

}

.cloudTitle{
 font-size:20px;
 color:#1A86AE;
 text-align:center;
 font-weight:bold;
}

.cloudQuantity
{
 font-size:16px;
 color:#000000;
 text-align:center;
 font-weight:bold;
 padding: 15px 0px
}

.cloudPiecesIcon{
 width:18px;
 height:18px;
 display:inline-block;
 padding-right:10px;
}

.cloudPiecesLabel
{
 font-size:11px;
 color:#777777;
 font-weight:bold;
 display:inline-block;
 position:relative;
 top:-5px;
 padding-right:10px;
}

.cloudPieces
{
 font-size:16px;
 color:#000000;
 font-weight:bold;
 display:inline-block;
 position:relative;
 top:-3px;
}

.cloudRayons
{
 display:block;
 padding-bottom:15px;
}

.cloudRayonTitle
{
  font-size:11px;
 color:#000000;
 font-weight:bold;
 text-align:center;
 display:block;
}

.cloudRayonName
{
 font-size:11px;
 color:#777777;
 font-weight:bold;
 text-align:center;
 display:block;
}

.langDiv
{
 position:absolute;
  background-image:url('../cache/color_204_242_242_242.png');
  cursor:pointer;
}

.langIcon
{
 display:inline-block;
 position:relative;
}

.langName
{
 display:inline-block;
 position:relative;
}

.langList
{
  position:absolute;
  cursor:pointer;
}

.oneLang
{
  background-image:url('../cache/color_204_242_242_242.png');
  position:relative;
}


/*Tooltip classes*/

.ui-tooltip, .arrow:after {
    background: #231F20 !important;
    /*border: 2px solid white;*/
  }
  .ui-tooltip {
  	max-width: 300px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
    padding: 10px 20px !important;
    color: white !important;
    border-radius: 20px;
    font-size: 16px;
	font-family: Arial, Sans-Serif;
    /*box-shadow: 0 0 5px black;*/
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    /*box-shadow: 6px 5px 9px -9px black;*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }


  /*End Tooltip classes*/

  /*Loader*/
  #loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
#object{
	width: 80px;
	height: 80px;
	background-color: #1A86AE;
	-webkit-animation: animate 1s infinite ease-in-out;
	animation: animate 1s infinite ease-in-out;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	opacity:1;
}
@-webkit-keyframes animate {
  0% { -webkit-transform: perspective(160px); }
  50% { -webkit-transform: perspective(160px) rotateY(-180deg); }
  100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes animate {
  0% { 
    transform: perspective(160px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); 
  } 50% { 
    transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg) ;
  } 100% { 
    transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
  }
}


  /*End Loader*/

  .flyersMutationBox
  {
   display:inline-block !important;
  }
  .mutationDiv{
   position:relative;
  }

  .mutationList
{
   background-image:url('../cache/color_245_255_255_255.png');
  position:absolute;
  cursor:pointer;
}


  .oneMutation
  {
  position:relative;
  cursor:pointer;
}

 .mutationName
{
 display:inline-block;
 position:relative;
 color:#000;
 overflow:hidden;
 float:left;
}


  .mutationNameDrop
{
 display:inline-block;
 position:relative;
 overflow:hidden;
 float:left;
}


.bigSteps
{
 z-index:200;
 display:inline-block;
 position:relative;
}

.bigStepActive{
 position:relative;
 display:inline-block;
 background-color:#F6E300;
 border-radius: 50%;
 text-align:center;
}

.bigStepInactive{
 position:relative;
 display:inline-block;
 background-color:#ffffff;
 border-radius: 50%;
 text-align:center;
}

.bigStepTextActive
{
 position:relative;
 font-weight:bold;
 color:#231F20;
}

.bigStepTextInactive
{
 position:relative;
 color:#1A86AE;
 font-weight:bold;
}

.flyersBigSteps
{
 position:absolute;
 display:block;
}

.flyersBarStep2
{
 background-color:#ffffff;
 position:absolute;
}

.addListDelete
{
 display:inline-block;
}

.uploadAttButton 
{
  position:relative;
  display:inline-block;
  background-color:#A7A9AC;
  z-index:10;
  text-align:center;
}

.uploadAttButton:hover
{
  background-color:#777777;
  cursor:pointer;
}


.flyersAttText{
 display:inline-block;
 position:relative;
 color:#ffffff;
}

.claimAttBackground {
	border-radius:5px;
}

.claimAttBackgroundTextContainer {
   position:relative;
}

.claimAttBackgroundTextContainer a {
   color: #1d87af;
}

.claimAttBackgroundTextContainer a:hover {
  text-decoration:none;
}

.noDataPostTracker
{
 text-align:center;
  background-image:url('../cache/color_150_255_255_255.png');

}

.historyActions {
 text-align:center;
 display:inline-block;
}


.flyerOrderInListEntry a {
    color: #1A86AE;
}

.flyerOrderInListEntry a:hover {
    text-decoration:none;
	
}

.FavoriteInactive, .FavoriteActive {
	cursor:pointer;
}

.searchclear, .closeBtn, .dialogCloseButton
{
	-webkit-transition: transform 2s;
    transition: transform 2s;
	transform-origin: center center;
	}

.searchclear:hover, .closeBtn:hover, .dialogCloseButton:hover
{
	transform: rotate(360deg);
}

/*------------------------------------- Buttons -----------------------------------------------*/
/*---------- Yellow ------------*/
#registeredNextButton, .summaryOrderButton
{
 display:inline-block;
 background-color:#F6E300;
 text-align:center;
}

#flyersNextButton 
{
  position:absolute;
  background-color:#F6E300;
  z-index:10;
  text-align:center;
}

#registeredNextButton:hover, .summaryOrderButton:hover, #flyersNextButton:hover
{
  cursor: pointer;
  background-color:#fff200;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; 
  
  
}
/*---------- End Yellow ------------*/

/*---------- Blue ------------*/
#orderButton 
{
 font-family:Arial Black;
 font-weight: bold;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 text-decoration:none;
 background-color:#1A86AE;
 color:#ffffff;
 -webkit-transition: all .4s cubic-bezier(.1,3,.8,2);
 transition: all .4s cubic-bezier(.1,3,.8,2);
 -webkit-animation-play-state: paused; 
}

#flyersStep2NextButton 
{
  position:relative;
  background-color:#1A86AE;
  z-index:10;
  text-align:center;
  margin:auto;
}

#orderButton:hover, #flyersStep2NextButton:hover
{
 background-color:#20a3c6;
    cursor: pointer;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	-webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

/*---------- End Blue ------------*/

/*------------------------------------- End Buttons -----------------------------------------------*/


#mailTrackerGraphical {
margin-top:25px;
}

.tableRow a {
    color: #1A86AE;
}

.tableRow a:hover {
    text-decoration:none;
}


/*------------------------------------- Effects Orders -----------------------------------------------*/

.chooseOrderBox {
    display: inline-block;
    position: relative;
    background-image: url('../cache/color_76_255_255_255.png');
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-animation-play-state: paused;
}


.chooseOrderBox:hover {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

/*------------------------------------- End Effects -----------------------------------------------*/

#searchRayonTextbox {
 background-color: transparent;
 border-top: none;
 border-bottom: 1px black solid;
 border-left: none;
 border-right: none;
}

.rememberme {
 background-color:#888888;
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 float:left;
 cursor:pointer;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.rememberText
{
 font-family:Arial Black;
 font-weight: bold;
 text-align: center;
 vertical-align:middle;
 text-decoration:none;
 color:#ffffff;
 position:relative;
 display:inline-block;
}

/*--Notifications---------------------------------------------------------------------*/

.notificationsDate
{
 color:#231f20;
}


.notificationRead
{
 margin:auto;
 background-image:url('../cache/color_150_255_255_255.png');
 position:relative;
 text-align:left;
}

.notificationRead:hover
{
 background-color:#ffffff;
 background-image:none;
}

.notificationRead .notificationDate
{
 font-weight:normal;
 color: #58595b;
}

.notificationRead .notificationTitle
{
 font-weight:bold;
 color: #58595b;
}

.notificationRead .notificationContent
{
 font-weight:normal;
 color: #808285;
}

.notificationUnread
{
 margin:auto;
 background-color:#ffffff;
 position:relative;
 color: #231f20;
 text-align:left;
}

.notificationUnread:hover
{
 background-color:transparent;
  background-image:url('../cache/color_150_255_255_255.png');
}

.notificationUnread .notificationDate
{
 font-weight:normal;
 color: #231f20;
}

.notificationUnread .notificationTitle
{
 font-weight:bold;
 color: #231f20;
}

.notificationUnread .notificationContent
{
 font-weight:normal;
 color: #58595b;
}


.notificationDialogTitle{
 font-family:Arial Black;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 vertical-align:middle;
 display:table-cell;
 background-color:#F6E300;
 letter-spacing: -1px;
 position:relative;
}


/*--END Notifications-----------------------------------------------------------------*/

.registeredOr{
 font-size: 15px;
    padding: 10px 0;
}


/*Service information----------------------------------------------------------------*/
.ssInfo {
 background: #1A86AE;
 -webkit-transition: all .4s;
 transition: all .4s;
 -webkit-animation-play-state: paused;
}

.ssInfo:hover {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}
  


.ssInfo a {
text-decoration:none;
}

 .ssInfo span {
    width: 100%;
    display: block;
    color: #FFF;
    
 }

.CInformationDialogCommandgoto {

text-decoration:none;

}

 .CInformationDialogCommandgoto span {
 color: #FFF;
    background: #1A86AE;
    padding: 10px 20px;
    font-size: 16px;
    
    top: 90px;
    position: relative;
 }

/*--END Service information----------------------------------------------------------------*/


/*--Jquery Modal Confirm Dialog----------------------------------------------------------------*/
.dialogMascot {
 float:left;
 display:inline-block;
}
.dialogContent {
 display:inline-block;
}

/*--END Jquery Modal Confirm Dialog----------------------------------------------------------------*/

/*--Breadcrumbs----------------------------------------------------------------*/

.breadHolder ul {
list-style:none;
}


.breadHolder a {
    color: #FFF;
}

.oneInBread li {
float:left;
}

.bread .oneInBread .breadMiddle {
 background: #BCBEC0;
}

.breadActive .oneInBread .breadMiddle {
 background: #1D87AF;
     font-weight: bold;
}

.bread:hover .oneInBread .breadMiddle {
 background: #1D87AF;
}





/*--END Breadcrumbs----------------------------------------------------------------*/



/*--Loader additional----------------------------------------------------------------------------*/

.loadingText {
left: 0;
    line-height: 200px;
    margin: auto;
    margin-top: -100px;
    position: absolute;
    top: 58%;
    width: 100%;
    z-index: 21;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.editMutation
{
 display:inline-block;
 position:relative;
 float:right;
}

.currentCriteriaPanel {
 background-color: transparent;
 text-align: center;
 z-index: 1;
 justify-content: center;
 display: flex;
 height:0px;
 overflow:visible;
 transition: opacity 10s;
}

 .currentCriteriaPanel .place {
  display: block;
  flex-shrink: 0;
 }

.currentCriteriaPanel .inner {
 display:flex;
 flex-wrap: wrap;
 justify-content:center;
}
 #radiusSelect {
  background-color: #fff;
  border-radius: 40px;
  display: flex;
 }

.criteriaPanelLabel
{
 display:inline-block;
}

.criteriaPanelSelect {
 display: inline-block;
 border-radius:20px;
 text-align:left;
}

 .criteriaPanelSelect.blue {
  background-color: #1A86AE;
 }

 .criteriaPanelSelect input {
  background-color: #fff;
  outline: none;
  color: #1A86AE;
 }

 .criteriaPanelSelect.blue input {
  color: #fff;
  background-color: #1A86AE;
  border-radius: 20px;
  outline: none;
 }

 .criteriaPanelSelect select {
  border-radius: 20px;
  outline: none;
  border: 1px solid #1A86AE;
  color: #1A86AE;
 }

 .criteriaPanelSelect.blue select {
  color: #fff;
  background-color: #1A86AE;
  outline:none;
 }


.criteriaPanelLabelRounded {
 display: inline-block;
 color: #1A86AE;
 border: 1px solid #1A86AE;
 border-radius:20px;
}

#criteriaMoreOptions {
 background-color: #fff;
 border-radius: 40px;
 display: flex;
}


#zoneSelect {
 background-color: #fff;
 border-radius: 40px;
 display: flex;
}


#typeSelect {
 background-color: #fff;
 border-radius: 40px;
 display: flex;
}

.zoneOption
{
 display:inline-block;
 color:#bbbbbb;
 cursor:pointer;
}

 .zoneOption.selected {
  color: #1A86AE;
 }

#limitSelect {
 background-color: #fff;
 border-radius: 40px;
 display: flex;
}

#mutationSelect {
 background-color: #fff;
 border-radius: 40px;
 display: flex;
}


#updateCriteria {
 background-color: #F6E300;
 border-radius: 40px;
 cursor:pointer;
}

#selectCriteria {
 background-color: #F6E300;
 border-radius: 40px;
 cursor: pointer;
}

#deleteCriteria {
 background-color: #FC4D54;
 border-radius: 40px;
 cursor: pointer;
 color:#fff;
}

.criteriaButtons
{
 display:flex;
}

#criteriaPanelContent {
 overflow-y: auto;
 overflow-x: hidden;
}

.criteriaEntry {
 display: block;
 color: #888;
 position:relative;
 height:50px;
 cursor:pointer;
}

.criteriaEntry.selected {
 background-color:#e5e5e5;
}


 .criteriaEntryIcon
{
 display:inline;
}
.criteriaEntryIcon i{
 font-size:30px;
}
.criteriaEntryTitle {
 display: inline;
 vertical-align: bottom;
 line-height: 30px;
}

.criteriaEntryQuantity {
 display: block;
}

.criteriaEntryQuantityIcon {
 display: inline;
 width: 20px;
 padding-right: 5px;
 float:right;
}

.criteriaEntryQuantityLabel {
 display: inline;
 vertical-align: bottom;
 line-height: 20px;
 float: right;
}

.criteriaEntryQuantityValue {
 display: inline;
 color: #1A86AE;
 float: right;
 vertical-align: bottom;
 line-height: 20px;
 font-weight: bold;
}

.criteriaEntryMutation
{
 position:absolute;
 top:0px;
 right:0px;
 height:100%;
}

.poiMarker {
 overflow: visible;
 width: 30px;
 height: 30px;
 position: relative;
}

 .poiMarker i {
  text-align: center;
 }


  .poiMarker i.poiMarkerIcon.selected {
   display: block;
   position: relative;
   font-size: 30px;
  }

 .poiMarker i.poiMarkerIcon:not(.selected) {
  display: block;
  position: relative;
  font-size: 20px;
  top: 10px;
 }



.poiactions {
 display: block;
 pointer-events:none;
 opacity: 0;
 width: 30px;
 height: 100px;
 transform: scale(0);
 transition: 0.3s all;
 position: absolute;
 top: -30px;
 left: 0px;
 z-index:1000;
}

.poiMarker.selected .poiactions {
 top:-35px;
}
 .poiMarker:hover .poiactions {
 display: block;
 pointer-events: all;
 /*opacity: 1;*/
 /*transform: scale(1);*/
}

.poiMarker.selected .poiactions .deselect {
 display: block;
}

.poiMarker .poiactions .deselect {
 display: none;
 font-size: 30px;
 position: absolute;
 top: 0px;
 left: 0px;
 border-radius: 50%;
 background-color:#fff;
}


.poiMarker.selected .poiactions .select {
 display: none;
}

.poiMarker .poiactions .select {
 display: block;
 font-size: 30px;
 position: absolute;
 top: 0px;
 left: 0px;
 border-radius: 50%;
 background-color: #fff;
}


.poiMarker .poiactions .info {
 display: block;
 font-size: 30px;
 position: absolute;
 top: 70px;
 left: 0px;
 border-radius: 50%;
 background-color: #fff;
}


.cloudPiecesZoneLabel {
 display: inline;
 font-size: 15px;
 padding-right: 6px;
 line-height: 17px;
}

.cloudPiecesZone {
 display: inline;
 font-size: 15px;
 font-weight: bold;
 line-height: 17px;
}

.customMarkerIcon {
 display: block;
 position: relative;
 font-size: 30px;
 width:30px;
 height:30px;
 text-align:center;
}


.totalQuantity {
 display: block;
}

.totalQuantityIcon {
 display: inline;
 width: 20px;
 padding-right: 5px;
 float: right;
}

.totalQuantityLabel {
 display: inline;
 vertical-align: bottom;
 line-height: 20px;
 float: right;
}

.totalQuantityValue {
 display: inline;
 color: #1A86AE;
 float: right;
 vertical-align: bottom;
 line-height: 20px;
 font-weight: bold;
}

.totalPanelTitle
{

}


.totalOpen {
 display:block;
 top: -180%;
 position: relative;
 cursor:pointer;
}

.totalClose {
 display: block;
 top: 0;
 position: relative;
 cursor: pointer;
}

.totalPanelZones
{
 display:flex;
 flex-wrap:wrap;
}

.zoneQuantity {
 display: block;
 width:50%;
}


.zoneQuantityLabel {
 display: inline;
 vertical-align: bottom;
 line-height: 20px;
 float: left;
}

.zoneQuantityValue {
 display: inline;
 color: #1A86AE;
 float: right;
 vertical-align: bottom;
 line-height: 20px;
 font-weight: bold;
}

.speech-bubble {
 position: relative;
 background: #ffffff;
 border-radius: .4em;
 z-index: 1;
 font-weight:bold;
 text-align:justify;
}

 .speech-bubble.middle{
  margin:auto;
 }

 .speech-bubble.left:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #fff;
  border-left: 0;
  margin-top: -20px;
  margin-left: -20px;
 }

 .speech-bubble.top:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-bottom-color: #fff;
  border-top: 0;
  margin-left: -20px;
  margin-top: -20px;
 }

 .speech-bubble.right:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #fff;
  border-right: 0;
  margin-top: -20px;
  margin-right: -20px;
 }

.closeBubble
{
 text-align:right;
 padding-top:10px;
}px;
 }

.closeBubble
{
 text-align:right;
 padding-top:10px;
}